<!--
  @author heguanghua
  @since 2019/06/13 13:58
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<!--表格id与lay-filter属性一致，统一定义为zmn-table-->
<table class="layui-hide" id="zmn-table" lay-filter="zmn-table" th:fragment="table">
    <thead >
        <tr>
            <!--规定复选框列置于第1列，居中显示-->
            <th lay-data="{field:'areaId',type:'checkbox', width:50, unresize:true, align:'center', fixed:'left'}"></th>
            <!--规定“排序”列置于第2列，居中显示-->
            <th lay-data="{field:'sort', width:60, unresize:true, align:'center', edit:'text'}">排序</th>
            <!--规定“ID”列置于第3列，居中显示-->
            <th lay-data="{field:'areaId', width:80, unresize:true, align:'center'}">区域ID</th>
            <!--规定“名称/标题”列置于第4列，通常居左显示，字数较少可以居中显示-->
            <th lay-data="{field:'name', unresize:true, align:'center'}">区域名称</th>
            <th lay-data="{field:'code', width:80, unresize:true, align:'center'}">区域代码</th>
            <th lay-data="{field:'firstLetter', width:80, unresize:true, align:'center',edit:'text'}">首字母</th>
            <th lay-data="{field:'simpleSpell', width:120, unresize:true, align:'center',edit:'text'}">区域简称</th>
            <!--内容较多的列居左显示-->
            <th lay-data="{field:'longitude',width:100, unresize:true, align:'center'}">经度</th>
            <!--规定“状态”列靠后放置，居中显示-->
            <th lay-data="{field:'latitude', width:100, unresize:true, align:'center'}">纬度</th>
            <th lay-data="{field:'status', width:80, unresize:true, align:'center',templet: function (d) {return zmnEnum.STATUS[d.status];}}">状态</th>
            <!--规定“最近修改时间”列靠后放置，居中显示-->
            <th lay-data="{field:'updateTime', width:230, unresize:true, align:'center'}">最近修改人/时间</th>
            <!--规定操作列置于最后-->
            <th lay-data="{field:'操作', width:130, unresize:true, align:'center', fixed:'right'}">操作</th>
            <!--其他规范
                值较大的数字列居右显示，并使用千分号；值较小的数字列可居中显示，
                金额列统一居右显示，默认精确到小数点后2位，并使用千分号，
                通常情况下，时间或日期列靠后放置(操作列前)，居中显示
                -->
        </tr>
    </thead>
    <tbody>
        <tr th:each="item:${items}">
            <td ></td>
            <td th:text="${item.sort}">sort</td>
            <td th:text="${item.areaId}">areaId</td>
            <td th:text="${item.name}">name</td>
            <td th:text="${item.code}">code</td>
            <td th:text="${item.firstLetter}">firstLetter</td>
            <td th:text="${item.simpleSpell}">simpleSpell</td>
            <td th:text="${item.longitude == null || item.longitude == ''  ? '--' : item.longitude}">longitude</td>
            <td th:text="${item.latitude == null || item.latitude == '' ? '--' : item.latitude}">latitude</td>
            <td th:text="${item.status}">status</td>
            <!--<td th:text="${item.status}">updateTime</td>-->
            <td th:text="${(item.updater==null?'':item.updater+'/')+(item.updateTime==null?'':#dates.format(item.updateTime,'yyyy-MM-dd HH:mm:ss'))}">updateTime</td>
            <td>
                <a th:lay-href="|/area/list.action?parentId=${item.areaId}|" style="color: #00a0e9" lay-text="下级区域" th:if="${item.level<5}">下级区域</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="editArea" th:if="${#authPermit.checkPermit('/area/detail.action')}" th:attr="areaId=${item.areaId}" style="color: #00a0e9" lay-text="修改">修改</a>
            </td>
        </tr>
    </tbody>
</table>
